<div ng-init="init();" class="kmi-layout-content mobile00-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'mobile00.title' | translate"></div>
        <!--<div class="header-logo"></div>-->
    </div>
    <div class="kmi-layout-main-content system-info">
        <div class="kmi-row-fields" style="padding-top: 8px;">
            <div class="column-item" ng-show="!filter['type'].show">
                <i class="material-icons" ng-click="filter['type'].show = true">search</i>
                <div ng-bind="'mobile00.machine_type' | translate"></div>
            </div>
            <div class="column-item" ng-show="filter['type'].show">
                <input ng-model="filter['type'].value"></input>
                <i class="material-icons" ng-click="filter['type'].show = false;filter['type'].value='';">clear</i>
            </div>
        </div>
        <div class="type-list">
            <div class="type-item" ng-repeat="type in machineTypes | filter:filter['type'].value track by $index"
                ng-class="{'select':select_type.page_no == type.page_no}">
                <div ng-bind="type.page_no"></div>
                <div class="kmi-can-click" ng-click="changeType(type);"></div>
            </div>
        </div>
        <div class="kmi-row-fields" style="border-bottom:1px #cecece solid;padding-bottom:8px;">
            <div class="column-item" ng-show="!filter['machine'].show">
                <i class="material-icons" ng-click="filter['machine'].show = true">search</i>
                <div ng-bind="'mobile00.machine' | translate"></div>
            </div>
            <div class="column-item" ng-show="filter['machine'].show">
                <input ng-model="filter['machine'].value"></input>
                <i class="material-icons" ng-click="filter['machine'].show = false;filter['machine'].value='';">clear</i>
            </div>
        </div>
        <div class="kmi-list">
            <div class="kmi-list__row-content">
                <div class="row-content" ng-repeat="machine in machines | filter:filter['machine'].value track by $index">
                    <div class="kmi-row-fields">
                        <div class="column-item left row-title" ng-bind="machine.page_name"></div>
                    </div>
                    <div class="kmi-row-fields">
                        <div class="column-item left" ng-bind="machine.page_desc"></div>
                    </div>
                    <div class="row-button">
                        <i class="material-icons" ng-class="{'is-select':select_machines[machine.page_no]}"
                            ng-bind="select_machines[machine.page_no]?'&#xE834;':'&#xE835;'"></i>
                    </div>
                    <div class="kmi-can-click" ng-click="selectMachine(machine);"></div>
                </div>
            </div>
        </div>
        <div class="kmi-mobile__btn-content" style="text-align:center;">
            <button class="kmi-button__mobile" ng-click="confirm();">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </button>
        </div>
    </div>
</div>
